<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link th:href="@{/front-resource/css/style.css}" href="../static/front-resource/css/style.css" type="text/css" rel="stylesheet" />
    <!-- Favicon -->
    <!-- Favicon and Touch Icons -->
    <link th:href="@{/front-resource/images/favicon.png}" href="../static/front-resource/images/favicon.png" rel="shortcut icon" type="image/png">
    <link th:href="@{/front-resource/images/apple-touch-icon.png}" href="../static/front-resource/images/apple-touch-icon.png" rel="apple-touch-icon">
    <link th:href="@{/front-resource/images/apple-touch-icon-72x72.png}" href="../static/front-resource/images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
    <link th:href="@{/front-resource/images/apple-touch-icon-114x114.png}" href="../static/front-resource/images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
    <link th:href="@{/front-resource/images/apple-touch-icon-144x144.png}" href="../static/front-resource/images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
    <title>登录</title>
</head>
<body>
<!-- Start Main Menu Area -->
<div class="main-header-area header-sticky" th:fragment="header">
    <div class="container">
        <div class="getfund-nav-container breakpoint-off">
            <!-- getfund Menu -->
            <nav class="getfund-navbar justify-content-between" id="listingNav">

                <!-- Logo -->
                <a class="nav-brand" href="/index/toFront">Team24</a>

                <!-- Navbar Toggler -->
                <div class="getfund-navbar-toggler"> <span class="navbarToggler"><span></span><span></span><span></span></span> </div>

                <!-- Menu -->
                <div class="getfund-menu">

                    <!-- close btn -->
                    <div class="getfundcloseIcon">
                        <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                    </div>

                    <!-- Nav Start -->
                    <div class="getfundnav">
                        <ul id="responsive">
                            <li>
                                <a class="current sf-with-ul" href="/index/toFront">首页</a>
                            </li>
                            <li th:if="${session.user}!=null"><a class="sf-with-ul" href="#0">订单</a>
                                <ul class="dropdown">
                                    <li><a href="/frontOrders/selectAll">我的订单</a></li>
                                    <li><a href="/frontOrders/history">历史订单</a></li>
                                </ul>
                            </li>
                            <li><a class="sf-with-ul" href="#0" th:text="${session.user==null?'用户':session.user.username}"></a>
                                <ul class="dropdown">
                                    <li th:if="${session.user}==null"><a href="/login/toLogin">登录</a></li>
                                    <li th:if="${session.user}!=null"><a href="/information/find">个人信息</a></li>
                                    <li th:if="${session.user}!=null"><a href="/logout">注销</a></li>
                                </ul>
                            </li>
                            <li class="right-side">
                                <ul>
                                    <li><a th:href="@{/hotel/display}" class="btn btn-primary" >预订</a></li>
                                    <li th:if="${session.adminUser==true}"><a th:href="@{/index/toBack}" class="btn btn-warning" >系统后台</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- Nav End -->
                </div>
            </nav>
        </div>
    </div>
</div>
<!-- End Main Menu Area -->
<footer class="site-footer" th:fragment="footer">
    <div class="footer-menu">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-sm-4 col-xs-12">
                    <div class="Footer-nav">
                        <h3>我们小组</h3>
                        <p>第二十四组.Team 24</p>
                        <div class="paymentM"><img th:src="@{/front-resource/images/payment-method.png}" src="../static/front-resource/images/payment-method.png" alt=""></div>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-4 col-xs-12">
                    <div class="Footer-nav">
                        <h3>快速链接</h3>
                        <ul class="footer-link">
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 关于我们</a></li>
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 帮助</a></li>
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 我方账户</a></li>
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 联系</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-4 col-xs-12">
                    <div class="Footer-nav">
                        <h3>支持 & 帮助 </h3>
                        <ul class="footer-link">
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 合作伙伴</a></li>
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 网站工作原理</a></li>
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 隐私条款 </a></li>
                            <li><a href="#"><i class="fas fa-long-arrow-alt-right"></i> 为我们做广告</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12 col-xs-12">
                    <div class="Footer-nav newsletter">
                        <h3>简讯</h3>
                        <form action="s" method="POST" id="newsletterForm">
                            <input type="text" value="" name="s" placeholder="输入您的邮箱...">
                            <button type="submit" value=""><span class="fas fa-paper-plane"></span></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .footer-menu -->
    <div class="footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <p class="copyright">2019 by Team24. All Rights <a href="http://www.17sucai.com/" title="17sucai">Reserved</a>.</p>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script th:src="@{/front-resource/js/jquery.min.js}" src="../static/front-resource/js/jquery.min.js" type="text/javascript"></script>
<script th:src="@{/front-resource/js/popper.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/bootstrap.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/getfund-nav.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/owl.carousel.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/waypoints.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/jquery.counterup.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/swiper.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/custom.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/map_infobox.js}"></script>
<script th:src="@{/front-resource/js/markerclusterer.js}"></script>
<script th:src="@{/front-resource/js/maps.js}"></script>
<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyCRSEJH8Z2UVyyaAv0TD7MY-IgclK5Izm8&amp;libraries=places&amp;callback=initAutocomplete"></script>
</body>
</html>